
$fontsize:40px;
html{
    font-size: 40px;
}
@function pxtorem($w){
    @return($w/$fontsize)*1rem;
}
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
html,body{ 
    width:100vw;
    height:100vh; 
}
.web{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
}
.header{
    width: pxtorem(640px);
    height: pxtorem(100px);
    background-color:#b20000;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    /*background-size: 10%;*/
    .sou{
        /*width: pxtorem(30px);*/
        /*height: pxtorem(24px);*/
        margin-left: pxtorem(32px);
        
    }
    .sou img{
        width: pxtorem(28px);
        height: pxtorem(31px);
    }
    .logo img{
        width: pxtorem(263px);
        height: pxtorem(45px);
    }
    /*.logo{
        width: pxtorem(263px);
    }*/
    .suo{
        /*width: pxtorem(43px);*/
        margin-right: pxtorem(32px);
    }
    .suo img{
        width: pxtorem(50px);
        height: pxtorem(50px);
    }
}
.content{
    width: pxtorem(640px);
    /*height: pxtorem(1920px);*/
    position: absolute;
    left: 0;
    top: pxtorem(100px);
    bottom: pxtorem(100px);
    right: 0;
    overflow: auto;
    .content-he{
        width: pxtorem(640px);
        height: pxtorem(356px);
        background-image: url(../img/pc.png);
        background-size: cover;
        display: flex;
        .dibu{
            width: pxtorem(640px);
            height: pxtorem(102px);
            margin-top: pxtorem(254px);
            background-image: url(../img/58.png);
            background-size: cover;
            /*border: solid;*/ 
        }
    }
    .content-co{
        width: pxtorem(640px);
        height: pxtorem(334px);
        /*border: solid red;*/
        /*display: flex;*/
        /*justify-content: space-around;
        align-items: center;*/
        .content-co-one{
            width: pxtorem(640px);
            height: pxtorem(165px);
            /*border: solid;*/
            display: flex;
        .content-co1{
            width: pxtorem(323px);
            height: pxtorem(60px);
            /*border: solid;*/
            font-size: 19px;
            margin-top: pxtorem(36px);
            margin-left: pxtorem(25px);
        }
        .content-co2{
            width: pxtorem(70px); 
            height: pxtorem(20px); 
           /* border: solid;*/
            margin-top: pxtorem(122px);
            margin-left: pxtorem(-332px);
            text-align: center;
            font-size: 14px;
            color: grey;
        }
        .content-co2 img{
            width: 30%;
            height: 80%;
        }
        .content-co3{
            width: pxtorem(174px); 
            height: pxtorem(20px); 
            /*border: solid;*/
            margin-top: pxtorem(122px);
            margin-left: pxtorem(100px);
            text-align: center;
            font-size: 14px;
            color: grey;
        }
        .content-co4{
            width: pxtorem(207px); 
            height: pxtorem(115px); 
            /*border: solid;*/
            margin-top: pxtorem(30px);
            margin-left: pxtorem(37px);
        }
        .content-co4 img{
            width: 100%;
            height: 100%;
        }
      }
      .content-co5{
        width: 89%;
        height: pxtorem(0.1px);
        border-top: solid gray;
        margin-left: pxtorem(30px);
      }
      .content-co-two{
        width: pxtorem(640px);
        height: pxtorem(165px);
        /*border: solid;*/
        display: flex;
    .content-co6{
        width: pxtorem(323px);
        height: pxtorem(60px);
        /*border: solid;*/
        margin-top: pxtorem(36px);
        margin-left: pxtorem(25px);
        font-size: 19px;
    }
    .content-co7{
        width: pxtorem(70px); 
        height: pxtorem(20px); 
        /*border: solid;*/
        margin-top: pxtorem(122px);
        margin-left: pxtorem(-332px);
        text-align: center;
        font-size: 14px;
        color: grey;
    }
    .content-co7 img{
        width: 30%;
        height: 80%;
    }
    .content-co8{
        width: pxtorem(174px); 
        height: pxtorem(20px); 
        /*border: solid;*/
        margin-top: pxtorem(122px);
        margin-left: pxtorem(120px);
        text-align: center;
        font-size: 14px;
        color: grey;
    }
    .content-co9{
        width: pxtorem(207px); 
        height: pxtorem(115px); 
        /*border: solid;*/
        margin-top: pxtorem(30px);
        margin-left: pxtorem(17px);
    }
    .content-co9 img{
        width: 100%;
        height: 100%;
    }
  }
    }
    .content-fo{
        width: pxtorem(640px);
        height: pxtorem(25px); 
        background-color: #bbb9ba;
    }
    .content-te{
        width: pxtorem(640px);
        height: pxtorem(600px); 
        /*border: solid yellow;*/
        .content-te-one{
            width: pxtorem(640px);
            height: pxtorem(253px);
            /*border: solid;*/
            display: flex;
            .content-te1{
                width: pxtorem(552px);
                height: pxtorem(25px);
                /*border: solid;*/
                margin-top: pxtorem(30px);
                margin-left: pxtorem(29px);
                font-size: pxtorem(26px);
            }
            .content-te2{
                width: pxtorem(184px);
                height: pxtorem(122px);
                /*border: solid yellowgreen;*/
                margin-top: pxtorem(78px);
                margin-left: pxtorem(-166px);
             }
             .content-te2 img{
                 width: 100%;
                height: 100%;
            }
            .content-te3{
                width: pxtorem(184px);
                height: pxtorem(122px);
                /*border: solid;*/
                margin-top: pxtorem(78px);
                margin-left: pxtorem(-374px);
            }
            .content-te3 img{
                width: 100%;
               height: 100%;
           }
            .content-te4{
                width: pxtorem(184px);
                height: pxtorem(122px);
                /*border: solid red;*/
                margin-top: pxtorem(78px);
                margin-left: pxtorem(-374px);
            }
            .content-te4 img{
                width: 100%;
               height: 100%;
           }
            .content-te5{
                width: pxtorem(250px);
                height: pxtorem(27px);
                /*border: solid;*/
                margin-top: pxtorem(214px);
                margin-left: pxtorem(-200px);
                text-align: center;
                font-size: pxtorem(18px);
                color: grey;
            }
            .coo img{
                width: 20%;
                height: 50%;
            }
            .content-te5 img{
                width: 10%;
                height: 50%;
            }
            .content-te6{
                width: pxtorem(174px);
                height: pxtorem(20px);
               /* border: solid;*/
                margin-top: pxtorem(214px);
                margin-left: pxtorem(176px);
                text-align: center;
                font-size: pxtorem(17px);
                color: grey;
            }
        }
        .content-to-one{
            width: pxtorem(640px);
            height: pxtorem(165px);
            /*border: solid;*/
            display: flex;
        .content-to1{
            width: pxtorem(323px);
            height: pxtorem(60px);
            /*border: solid;*/
            margin-top: pxtorem(36px);
            margin-left: pxtorem(25px);
            font-size: pxtorem(24px);
        }
        .content-to2{
            width: pxtorem(54px); 
            height: pxtorem(20px); 
            /*border: solid;*/
            margin-top: pxtorem(122px);
            margin-left: pxtorem(-334px);
            text-align: center;
            font-size: pxtorem(16px);
            color: grey;
        }
        .content-to2 img{
            width: 40%;
            height: 80%;
        }
        .content-to3{
            width: pxtorem(234px); 
            height: pxtorem(20px); 
            /*border: solid;*/
            margin-top: pxtorem(122px);
            margin-left: pxtorem(50px);
            text-align: center;
            font-size: pxtorem(17px);
            color: grey;
        }
        .content-to4{
            width: pxtorem(207px); 
            height: pxtorem(115px); 
            /*border: solid;*/
            margin-top: pxtorem(30px);
            margin-left: pxtorem(37px);
        }
        .content-to4 img{
            width: 100%;
            height: 100%;
        }
      }
      .content-to5{
        width: 89%;
        height: 1px;
        border-top: solid gray;
        margin-left: pxtorem(30px);
      }
      .content-to-two{
        width: pxtorem(640px);
        height: pxtorem(165px);
        /*border: solid;*/
        display: flex;
    .content-to6{
        width: pxtorem(323px);
        height: pxtorem(60px);
        /*border: solid;*/
        margin-top: pxtorem(36px);
        margin-left: pxtorem(25px);
        font-size: pxtorem(24px);
    }
    .content-to7{
        width: pxtorem(70px); 
        height: pxtorem(20px); 
        /*border: solid;*/
        margin-top: pxtorem(122px);
        margin-left: pxtorem(-336px);
        text-align: center;
        font-size: pxtorem(16px);
        color: grey;
    }
    .content-to7 img{
        width: 30%;
        height: 80%;
    }
    .content-to8{
        width: pxtorem(238px); 
        height: pxtorem(20px); 
        /*border: solid;*/
        margin-top: pxtorem(122px);
        margin-left: pxtorem(31px);
        text-align: center;
        font-size: pxtorem(17px);
        color: grey;
    }
    .content-to9{
        width: pxtorem(207px); 
        height: pxtorem(115px); 
       /*border: solid;*/
        margin-top: pxtorem(30px);
        margin-left: pxtorem(37px);
    }
    .content-to9 img{
        width: 100%;
        height: 100%;
    }
  }
    }

    .content-er{
        width: pxtorem(640px);
        height: pxtorem(600px); 
        /*border: solid yellow;*/
        .content-er-one{
            width: pxtorem(640px);
            height: pxtorem(253px);
            /*border: solid;*/
            display: flex;
            .content-er1{
                width: pxtorem(552px);
                height: pxtorem(25px);
                /*border: solid;*/
                margin-top: pxtorem(30px);
                margin-left: pxtorem(29px);
                font-size: pxtorem(26px);
            }
            .content-er2{
                width: pxtorem(184px);
                height: pxtorem(122px);
                /*border: solid yellowgreen;*/
                margin-top: pxtorem(78px);
                margin-left: pxtorem(-166px);
             }
             .content-er2 img{
                width: 100%;
               height: 100%;
            }
            .content-er3{
                width: pxtorem(184px);
                height: pxtorem(122px);
                /*border: solid;*/
                margin-top: pxtorem(78px);
                margin-left: pxtorem(-374px);
            }
            .content-er3 img{
                width: 100%;
               height: 100%;
            }
            .content-er4{
                width: pxtorem(184px);
                height: pxtorem(122px);
                /*border: solid red;*/
                margin-top: pxtorem(78px);
                margin-left: pxtorem(-374px);
            }
            .content-er4 img{
                width: 100%;
               height: 100%;
            }
            .content-er5{
                width: pxtorem(250px);
                height: pxtorem(27px);
                /*border: solid;*/
                margin-top: pxtorem(214px);
                margin-left: pxtorem(-200px);
                text-align: center;
                font-size: pxtorem(18px);
                color: grey;
            }
            .content-er5 img{
                width: 10%;
                height: 50%;
            }
            .content-er6{
                width: pxtorem(154px);
                height: pxtorem(20px);
                /*border: solid;*/
                margin-top: pxtorem(214px);
                margin-left: pxtorem(180px);
                text-align: center;
                font-size: pxtorem(17px);
                color: grey;
            }
        }
        .content-th-one{
            width: pxtorem(640px);
            height: pxtorem(165px);
            /*border: solid;*/
            display: flex;
        .content-th1{
            width: pxtorem(323px);
            height: pxtorem(60px);
            /*border: solid;*/
            margin-top: pxtorem(36px);
            margin-left: pxtorem(25px);
            font-size: pxtorem(24px);
        }
        .content-th2{
            width: pxtorem(70px); 
            height: pxtorem(20px); 
            /*border: solid;*/
            margin-top: pxtorem(122px);
            margin-left: pxtorem(-344px);
            text-align: center;
            font-size: pxtorem(16px);
            color: grey;
        }
        .content-th2 img{
            width: 30%;
            height: 80%;
        }
        .content-th3{
            width: pxtorem(238px); 
            height: pxtorem(20px); 
            /*border: solid;*/
            margin-top: pxtorem(122px);
            margin-left: pxtorem(42px);
            text-align: center;
            font-size: pxtorem(17px);
            color: grey;
        }
        .content-th4{
            width: pxtorem(207px); 
            height: pxtorem(115px); 
            /*border: solid;*/
            margin-top: pxtorem(30px);
            margin-left: pxtorem(37px);
        }
        .content-th4 img{
            width: 100%;
            height: 100%;
        }
      }
      .content-th5{
        width: 89%;
        height: 1px;
        border-top: solid gray;
        margin-left: pxtorem(30px);

      }
      .content-th-two{
        width: pxtorem(640px);
        height: pxtorem(165px);
        /*border: solid;*/
        display: flex;
    .content-th6{
        width: pxtorem(323px);
        height: pxtorem(60px);
        /*border: solid;*/
        margin-top: pxtorem(36px);
        margin-left: pxtorem(25px);
        font-size: pxtorem(24px);
    }
    .content-th7{
        width: pxtorem(70px); 
        height: pxtorem(20px); 
        /*border: solid;*/
        margin-top: pxtorem(122px);
        margin-left: pxtorem(-334px);
        text-align: center;
        font-size: pxtorem(16px);
        color: grey;
    }
    .content-th7 img{
        width: 30%;
        height: 80%;
    }
    .content-th8{
        width: pxtorem(240px); 
        height: pxtorem(20px); 
        /*border: solid;*/
        margin-top: pxtorem(122px);
        margin-left: pxtorem(31px);
        text-align: center;
        font-size: pxtorem(17px);
        color: grey;
    }
    .content-th9{
        width: pxtorem(207px); 
        height: pxtorem(115px); 
        /*border: solid;*/
        margin-top: pxtorem(30px);
        margin-left: pxtorem(37px);
    }
    .content-th9 img{
        width: 100%;
        height: 100%;
    }
  }
    }
    .content-xi{
        width: 89%;
        height: 1px;
        border-top: solid gray;
        margin-left: pxtorem(30px);
    }
    .content-di{
        width: pxtorem(640px);
        height: pxtorem(50px);
        /*border: solid black;*/
        text-align: center;
        line-height: pxtorem(48px);
        font-size: pxtorem(18px);
        color:#8b8b8b
    }
}
 
.footer{
    width: pxtorem(640px);
    height: pxtorem(100px);
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #bbb9ba;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    li{
        width: 20%;
        position: relative;
        text-align: center;
        &:not(:last-of-type)::after{
            content: '';
            display: block;
            width: 1.3px;
            height: pxtorem(51px);
            background: #e9e9e9;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
        .footer-to{height: pxtorem(41px);}
        p{
            font-size: pxtorem(16px);
            color:#8b8b8b
        }
    
    }
}
